<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
      html,
          body {
              height: 100%;
              /*position: relative;*/
          }
          #header{
              text-align: center;
              background-color: #5571be;
              color: #fff;
              width: 100%;
              /*height: 48px;*/
              position: relative;
              /*border-bottom: 1px solid #ccc;*/
          }
          .title {
                        height: 40px;
                        line-height: 40px;
                        width: 100%;
                        /*text-align: center;*/
                        font-size: 16px;
                        /*color: #fff;*/
                        /*background-color: #5571be;*/
                        /*border-bottom: 1px solid #d8d8d8;*/
                        box-sizing: border-box;
                        /*position: relative;*/
                    }

                     .title .arrow{
                         width: 40px;
                         height: 40px;
                         position: absolute;
                         left: 0;
                         bottom: 0;
                         background-image: url(../image/arrow.png);
                         background-repeat: no-repeat;
                         background-size: 20px 20px;
                         background-position: center center;
                     }
                     /*.foot {
                       position: relative;
                       z-index: 999;
                       bottom: 0;
                       box-sizing: border-box;
                       height: 100px;
                       bottom: 0px;
                     }*/
                     #main{
                         -webkit-box-flex: 1;
                         -webkit-flex: 1;
                         flex: 1;
                         padding: 1em;
                     }
      </style>
  </head>
  <body>
    <div  id="wrap">
      <div id="header">
        <div class="title">
            <div class="arrow event-back" onclick="api.closeWin();"></div>
            Smart Bin List
        </div>
      </div>
      <div id="main">

          </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/common.js"></script>

  <script type="text/javascript">
      apiready = function(){
        fnOpenFrame();

      };
      var headHeight;
      // var footHeight;

      function fnOpenFrame() {
          headHeight = getHeaderHeight();
          // footHeight = getFooterHeight();
          var org = api.pageParam.org;
          var full = api.pageParam.full;
          var clean = api.pageParam.clean;
          var equiment = api.pageParam.equiment;
          api.openFrame({
              name: 'listmore3.html',
              url: './listmore3.html',
              bounces: false,
              pageParam: {
                org: org,
                full: full,
                clean: clean,
                equiment: equiment
              },
              rect: {
                  x: 0,
                  y: headHeight,
                  w: 'auto',
                  h: api.winHeight - headHeight
              },
              vScrollBarEnabled:false
          });
      }
  </script>
  </html>
